<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<%@ include file="../../common/jsp/sheetHeader.jsp" %>
<script>
	$(document).ready(function() {
		createSheet();
		setInitColumns();
	});
	
	function createSheet() {
		//sheet 초기화  
		createIBSheet2(document.getElementById("viewArea"),"mySheet","100%","400px");
		
		var cfg = {SearchMode:smLazyLoad,Page:30,FrozenCol:3};
		
		var headers = [ {Text:"NO|상태|삭제|문자열|콤보|콤보에디트|팝업|팝업에디트|자동합계|자동평균|정수|실수|날짜|패스워드|체크박스|라디오|이미지", Align:"Center"} ];
		var info = {Sort:1,ColMove:1,ColResize:1,HeaderCheck:0};
		
		mySheet.SetConfig(cfg);
		mySheet.InitHeaders(headers,info);
	}
	
	/*Sheet 각종 처리*/
	function doAction(sAction) {
		switch(sAction) {
			case "search":		//조회
				mySheet.DoSearch("../data/sheet_data.xml");
				break;
			case "save":
				mySheet.DoSave("../save/save.jsp");
				break;
			case "init":		//초기화
				mySheet.Reset();
				createSheet();
				setInitColumns();
		}
	}
	
	function mySheet_OnMouseDown(Button, Shift, X, Y) {
		$('#colIdx').val(mySheet.MouseCol());
	}
	
	function getMaxValue() {
		var col = $('#colIdx').val();
		
		var val = mySheet.GetMaximumValue(1, col);
		alert("선택된 시트의 최대값은 : " + val);
	}
	
	function setInitColumns() {
		var text = "[" + $('#initCol1').text() + $('#initcols').val() + $('#initCol2').text() + "]";
		var col = eval(text);
		
		mySheet.InitColumns(col);
		mySheet.FitColWidth();
		
		doAction('search');
	}
	
	function mySheet_OnSearchEnd(Code, Msg, StCode, StMsg) {
		mySheet.FitColWidth();
	}
	
</script>
<title>입력 최대값 지정 예제</title>
</head>
<body>
<div id="main">
	<%@ include file="../../common/jsp/sheetNavi.jsp" %>	
	<div id="title">입력 최대값 지정 예제</div>
	<div id="desc">
		InitColumns 메서드에서 각 컬럼의 데이터 타입, 포맷 및 기능들을 설정한다.
		MaximumValue 속성 인자는 숫자포맷일 때 편집시 입력할수 있는 최대값을 설정할 수 있다.
	</div>

	<div id="functionArea">
		<div>시트 컬럼 초기화 내용<br>var col = [<br>
<div id="initCol1">
{Type:"Seq", Align:"Right"},<br>
{Type:"Status", Align:"Center"},<br>
{Type:"DelCheck"},<br>
{Type:"Text", KeyField:1, Align:"Center"},<br>
{Type:"Combo", Width:80, ComboText:"대기|진행중|완료", ComboCode:"01|02|03",PopupText:"대기|진행중|완료"},<br>
{Type:"ComboEdit", Width:80, ComboText:"고려대학교|고려대학교2|국민대학교|서울대학교|숙명여자대학교|연세대학교|울산대학교|울산과학기술대학교|이화여자대학교|인천대학교|인천가톨릭대학교"},<br>
{Type:"Popup", Width:100},<br>
{Type:"PopupEdit", Width:100},<br>
</div>
<textarea id="initcols" style="height:30px;width:100%;">
{Type:"AutoSum", MaximumValue:9999999, Align:"Right",Width:70,Format:"NullInteger"},
{Type:"AutoAvg", MaximumValue:9999999, Align:"Right",Width:70, Format:"NullFloat"},
</textarea>
<div id="initCol2">
{Type:"Int", Align:"Right", Format:"Integer",Width:70, Hidden:1},<br>
{Type:"Float", Align:"Right", Format:"Float",Width:70, Hidden:1},<br>
{Type:"Date", Align:"Center", Format:"Ymd", Width:100},<br>
{Type:"Pass", Hidden:1},<br>
{Type:"CheckBox"},<br>
{Type:"Radio"}
</div>
		];</div>
		<br>
		<div>
			<span>
			<input type="button" value="컬럼 초기값 설정" onclick="doAction('init')" />
			<br>
			선택된 열 : <input id="colIdx" size="4" type="text"/>
			&nbsp;
			<input type="button" value="최대값 가져오기" onclick="getMaxValue()" />
			</span>
		</div>
	</div>
	
	<div id="viewArea">
	</div>
</div>
</body>
</html>